<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Web Contacts MS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="main">
<section id="canvas">
<section id="head">
<p id="title"><marquee behavior="alternate">Web Contacts Management System</marquee></p>
</section>
<hr color="#FFFFFF" width="820">
<section id="middle">
<aside id="left">
<p>Welcome to Web Contacts Management System! This web based application enables you to upload contacts to the server, create, edit and delete groups; edit or delete contacts and assocaiate or de-associate a contact with a group.</p>
<p>On the right pane, you can add and manipulate contacts and group details. </p>
</aside>
<aside id="right">
<nav class="cbtns"><a href="application/groups.php" target="content">Groups</a>
</nav>
<nav class="cbtns"><a href="application/contacts.php" target="content">Contacts</a>
</nav>
<section>
<iframe name="content" id="content" src="application/groups.php">
</iframe>
</section>
</aside>
</section>
<hr width="820" color="#FFFFFF">
<footer>
<center>&copy;2014. All Rights Reserved.<br/>CyazyX Multiware Investment</center>
</footer>
</section>
</body>
</html>